<!--&lt;!&ndash; @format &ndash;&gt;-->

<!--<template>-->
<!--  <div class="main">-->
<!--    <el-container class="main">-->
<!--      <el-aside width="200px" class="side">-->

<!--        <el-menu-->
<!--            class="side"-->
<!--            active-text-color="#ffd04b"-->
<!--            background-color="#545c64"-->
<!--            text-color="#fff"-->
<!--            @open="handleOpen"-->
<!--            @close="handleClose"-->
<!--        >-->
<!--          <slot>-->
<!--            <div class="header">-->
<!--              <img style="height: 20px;height: 20px;margin-top: 10px;margin-left: 10px;margin-right: 10px;"-->
<!--                   src="../assets/svg/back.svg"/>-->
<!--              <span @click="router.push('/home')">返回</span>-->
<!--              <el-divider></el-divider>-->

<!--            </div>-->
<!--          </slot>-->
<!--          <el-menu-item index="2" @click="exportAndDownloadPdf">-->
<!--            <span>导出PDF</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="3" @click="exportMarkdown">-->
<!--            <span>导出Markdown</span>-->
<!--          </el-menu-item>-->
<!--&lt;!&ndash;          <el-menu-item index="4">&ndash;&gt;-->
<!--&lt;!&ndash;            <span>导出Html</span>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-menu-item>&ndash;&gt;-->
<!--        </el-menu>-->
<!--      </el-aside>-->


<!--      <el-main class="content">-->
<!--        <div class="preview-vditor" v-loading="isLoading" element-loading-text="正在努力，请稍候...">-->
<!--          <div class="vditor-preview">-->
<!--            <div id="khaleesi"></div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </el-main>-->
<!--    </el-container>-->

<!--  </div>-->

<!--</template>-->

<!--<script>-->
<!--import html2pdf from 'html2pdf.js'-->
<!--import Vditor from 'vditor'-->
<!--import {useRoute} from 'vue-router'-->
<!--import {onMounted, ref} from "vue";-->
<!--import router from '../router'-->


<!--export default {-->
<!--  name: 'export',-->

<!--  setup() {-->
<!--    const route = useRoute();-->
<!--    let isLoading = ref(true);-->
<!--    let markdownText = "";-->

<!--    const download = ( content, filename) => {-->
<!--      const aElement = document.createElement("a");-->
<!--      if ("download" in aElement) {-->
<!--        aElement.download = filename;-->
<!--        aElement.style.display = "none";-->
<!--        aElement.href = URL.createObjectURL(new Blob([content]));-->

<!--        document.body.appendChild(aElement);-->
<!--        aElement.click();-->
<!--        aElement.remove();-->
<!--      }-->
<!--    };-->


<!--    const exportMarkdown = ( ) => {-->
<!--      download( markdownText, route.params.name + ".md");-->
<!--    };-->

<!--    let exportAndDownloadPdf = () => {-->
<!--      isLoading = true;-->
<!--      let filename = route.params.name + ".pdf";-->
<!--      let element = document.getElementById('khaleesi')-->
<!--      const scale = window.devicePixelRatio-->
<!--      const opt = {-->
<!--        margin: 1,-->
<!--        filename: filename,-->
<!--        html2canvas: {scale},-->
<!--        jsPDF: {unit: 'in', format: 'letter', orientation: 'portrait'}-->
<!--      }-->
<!--      html2pdf()-->
<!--          .set(opt)-->
<!--          .from(element)-->
<!--          .save()-->
<!--          .then(() => {-->
<!--            isLoading = false-->
<!--          })-->
<!--    };-->

<!--    onMounted(() => {-->
<!--      window.readFile(route.params.value, (err, data) => {-->
<!--        isLoading.value = false-->
<!--        if (err) {-->
<!--          console.log(err)-->
<!--          return-->
<!--        }-->
<!--        const previewElement = document.getElementById('khaleesi')-->
<!--        markdownText = data;-->
<!--        Vditor.preview(previewElement, data, {})-->
<!--      })-->
<!--    })-->
<!--    return {isLoading, exportAndDownloadPdf, route, router,exportMarkdown}-->
<!--  },-->
<!--}-->
<!--</script>-->
<!--<style>-->
<!--.preview-vditor .vditor-preview {-->
<!--  height: 100vh;-->
<!--}-->

<!--.preview-vditor {-->
<!--  background: #fafbfc;-->
<!--  padding: 20px;-->
<!--}-->

<!--.vditor-preview {-->
<!--  overflow: scroll;-->
<!--  padding: 15px;-->
<!--  background: #ffffff;-->
<!--  box-shadow: 0px 0px 15px #f0f0f0;-->
<!--}-->


<!--.content {-->
<!--  margin: unset;-->
<!--  padding: unset;-->
<!--}-->

<!--.side {-->
<!--  margin: unset;-->
<!--  padding: unset;-->
<!--  height: 100vh;-->
<!--  background: #545c64;-->
<!--}-->

<!--.header {-->
<!--  /*text-align: center;*/-->
<!--  color: white;-->
<!--  font-size: 25px;-->
<!--}-->

<!--.header:hover {-->
<!--  color: bisque;-->
<!--}-->
<!--</style>-->
